UC知道CSS样式<LI>问题
来源：百度知道 编辑：UC知道 时间：2024/06/07 01:39:14
如图，这里有一行，我想分三块显示相应内容。在原有两列的基础上添加。代码如下：
<ul> <li><span>日期</span><a href="#">标题</a></li></ul>
这是原来的，已经是两列的，我想在标题后面添加一列，需要靠右对齐的，<span>内的内容是左对齐，不知道怎么添加样式。
想这样的，结果不行,“作者”这一块直接到第二行了。
<li><span>日期</span><a href="#">标题</a><a href="" style="float:right;">作者</a></li>
<ul> <li><span>日期</span><a href="#">标题</a></li></ul>
这是原来的，已经是两列的，我想在标题后面添加一列，需要靠右对齐的，<span>内的内容是左对齐，不知道怎么添加样式。
想这样的，结果不行,“作者”这一块直接到第二行了。
<li><span>日期</span><a href="#">标题</a><a href="" style="float:right;">作者</a></li>
你在最右边的一列中添加样式：text-align：right；
要是不行的话，直接用Table来做吧，或者用DIV定位
你的太乱的...我给你写的,希望有帮助
<style>
ul li{list-style:none;float:left;border:1px solid red;margin-right:10px}
ul span{margin-right:20px}
</style>
<ul>
<li>日期</li>
<li><span>文章</span><span>标题</span></li>
<li>文章作者</li>
</ul>